﻿@{
    ViewBag.Title = "Video";
}

@section css{
    <link href="~/Content/projekktor-1.3.09/themes/maccaco/projekktor.style.css" rel="stylesheet" />
}

@section script
{
    <script src="~/Content/projekktor-1.3.09/projekktor-1.3.09.min.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {
            projekktor('#player_a', {
                poster: '@Url.Content("~/Content/projekktor-1.3.09/media/intro.png")',
                title: 'this is projekktor',
                playerFlashMP4: '@Url.Content("~/Content/projekktor-1.3.09/swf/StrobeMediaPlayback/StrobeMediaPlayback.swf")',
                playerFlashMP3: '@Url.Content("~/Content/projekktor-1.3.09/swf/StrobeMediaPlayback/StrobeMediaPlayback.swf")',
                width: 640,
                height: 385,
                playlist: [
                    {
                        // 0: { src: "@Url.Content("~/Content/projekktor-1.3.09/media/intro.ogv")", type: "video/ogg" },
                        0: { src: "/swf/mp4/1.mp4", type: "video/mp4" },
                        //  2: { src: "@Url.Content("~/Content/projekktor-1.3.09/media/intro.webm")", type: "video/webm" }
                    }
                ]
            }, function (player) {
              
            }
            );
        });
    </script>
}

<div class="container" style="margin-top: 20px;">
    <div class="panel panel-default">
        <div class="panel-heading">
            江西轩辕春秋集团元旦晚会-2012
        </div>
        <div class="panel-body">
            <div id="player_a" class="projekktor"></div>
        </div>
    </div>
</div>


